<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]马权威-Java开发工程师</title>
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>

    <header class="header"></header>

    <article class="container">
        <section class="side" id="side">

            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
            <label class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round" style="display: none;"></span>
            </label>
            <style>
                @media (min-width: 750px) {
                    .switch {
                        position: relative;
                        display: inline-block !important;
                        width: 60px;
                        height: 34px;
                    }

                    .switch input {
                        display: none;
                    }

                    .slider {
                        position: absolute;
                        cursor: pointer;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-color: #ccc;
                        -webkit-transition: .4s;
                        transition: .4s;
                    }

                    .slider:before {
                        position: absolute;
                        content: "";
                        height: 26px;
                        width: 26px;
                        left: 4px;
                        bottom: 4px;
                        background-color: white;
                        -webkit-transition: .4s;
                        transition: .4s;
                    }

                    input:checked+.slider {
                        background-color: #1abc9c;
                    }

                    input:focus+.slider {
                        box-shadow: 0 0 1px #1abc9c;
                    }

                    input:checked+.slider:before {
                        -webkit-transform: translateX(26px);
                        -ms-transform: translateX(26px);
                        transform: translateX(26px);
                    }

                    .slider.round {
                        border-radius: 34px;
                    }

                    .slider.round:before {
                        border-radius: 50%;
                    }
                }
            </style>
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <section class="me" style="display: none;">

                <!-- 头像照片 -->
                <img class="avatar" width="80px"
                    src="https://thirdwx.qlogo.cn/mmopen/vi_32/9HLfDNviaw0s97gxBBLyjT3BaNYLn8MgYOwYGYgHnC7bpfhJ6EXMQ4gGoHHAQbRsA8sZddfZGjJMnaEaBfPLDDA/132">

                <h1 class="name">马权威</h1>
                <h4 class="info-job">Java开发工程师</h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-user" aria-hidden="true"></i>基本信息
                </h2>
                <hr />
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>马权威 / 男 / 23岁</span>
                    </li>
                    <li>
                        <label>毕业院校</label>
                        <span>郑州工业应用技术学院</span>
                    </li>
                    <li>
                        <label>大学专业</label>
                        <span>计算机科学与技术</span>
                    </li>
                    <li>
                        <label>相关证书</label>
                        <span>计算机二级</span>
                    </li>
                </ul>

            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式
                </h2>
                <hr />
                <ul>
                    <li>
                        <label>手机</label><br>
                        <a href="tel:15168285219" target="_blank">1754-9206-538</a>
                    </li>
                    <li>
                        <label>邮箱</label><br>
                        <a href="mailto:ze.zh@hotmail.com" target="_blank">1124209551@qq.com</a>
                    </li>
                    <li>
                        <label>个人主页</label><br>
                        <a href="https://aquan_ide.gitee.io/curriculum-vitae/" target="_blank">https://aquan_ide.gitee.io/curriculum-vitae/</a>
                    </li>
                    <li>
                        <label>个人博客</label>
                        <a href="https://blog.csdn.net/qq_44643051"
                            target="_blank">https://blog.csdn.net/qq_44643051</a>
                    </li>
                    <li>
                        <label>Gitee</label>
                        <a href="https://gitee.com/AQuan_IDE" target="_blank">https://gitee.com/AQuan_IDE</a>
                    </li>
                </ul>
            </section>
            <section class="qrcode info-unit" style="display: none;">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
                <hr />
                <img src="https://meliauk.gitee.io/about/assets/images/wx.jpg" style="width: 100px" alt="wx">
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-code" aria-hidden="true"></i>技能清单
                </h2>
                <hr />
                <ul>
                    <li>
                        <label>后端框架：</label>
                        <p>Spring/SpringBoot/MybatisPlus/SpringSecurity</p>
                        <!-- <progress value="85" max="100"></progress> -->
                    </li>
                    <br>
                    <li>
                        <label>前端框架：</label>
                        <p>JQuery/Vue/HTML5/Css</p>
                        <!-- <progress value="90" max="100"></progress> -->
                    </li>
                    <br>
                    <li>
                        <label>数据库相关：</label>
                        <p>MySQL/Redis</p>
                    </li>
                    <br>
                    <li>
                        <label>开发工具：</label>
                        <p>IDEA，VSCode，Navicat，PyCharm</p>
                    </li>
                    <br>
                    <li>
                        <p>代码版本管理：</p>
                        <p>Git/SVN</p>
                    </li>
                    <br>
                    <li>
                        <p>熟悉Linux系统</p>
                    </li>
                    <br>
                    <li style="display: none;">
                        <p>Elasticsearch搜索引擎，Redis的使用，Docker的使用,Kafka消息系统</p>
                    </li>
                </ul>
            </section>



            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <section class="main">

            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>个人信息
                </h2>
                <hr />
                <ul>
                    <li>
                        <span>马权威</span>
                        <p>统招本科 / 一年工作经验 / 离职/月内到岗</p>
                        <p>期望职位：Java 开发 </p>
                        <p>期望城市：广州</p>
                    </li>
                </ul>

            </section>

            <!-- 工作经历 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-shopping-bag" aria-hidden="true"></i>工作经历
                </h2>
                <hr />
                <ul>
                    <!-------------------------------------------------------------->
                    <li>
                        <h3>
                            <span>广州天讯网络科技有限公司</span>
                            <time>2020/11 - 2021/4</time>
                        </h3>
                        <p style="font-weight:bold;">映海南智慧社区系统服务</p>
                        <ul class="info-content">
                            <li>
                                <mark>Vue+JS+SpringBoot+Mybatis+MySQL+Redis+Nginx+Jwt</mark>
                                <mark>前后端完全分离</mark>
                            </li>
                            <li>
                                技术栈：Vue+SpringBoot+Mybatis+MySQL+Redis+Nginx+Jwt

                                前后端完全分离

                                主要用于街道办工作人员对辖区社区的管理，包括问题反馈、实施社区公告，优化处理解决社区群众的需求等功能。我在系统中负责的模块有登录模块、权限校验、社区管理模块、用户管理中党员身份的认证处理、资讯管理等模块,
                                在数据库性能层面我使用到了Redis来缓解MySQL读写压力大的问题。
                            </li>
                        </ul>

                    </li>
                    <!-------------------------------------------------------------->
                    <li>
                        <h3>
                            <span>广州市安佳信息科技有限公司</span>
                            <time>2021/4 - 2021/6</time>
                        </h3>
                        <p style="font-weight:bold;">安全生产三线一排监管系统</p>
                        <ul class="info-content">
                            <li>
                                <mark>HTML+JS+SpringMVC+SpringSecurity+Mybatis</mark>
                                <mark style="display: none;">前后端完全分离</mark>
                            </li>
                            <li>
                                本系统是政府以提倡企业安全生产,强化安全发展理念,

                                着力构建安全生产的一套安全排查管理系统；

                                我在这些项目中负责了后台接口的编写,Poi数据的导入导出、复杂的sql语句、后期测试中bug的优化修改、部分SQL的性能优化等；
                                在代码编写方面我采取了开源工具包hutool等众多开源包的使用，使我在项目编写方面更加的快速；
                            </li>
                        </ul>
                        <div style="display: none;">
                            <p style="font-weight:bold;">注入审核发布系统</p>
                            <ul class="info-content">
                                <li>
                                    <mark>SpringBoot+Mybatisplus+SpringSecurity+jwt</mark>
                                </li>
                                <li>
                                    各个地区视频对应信息生成对应格式xml数据注入审核发布的对接，linux服务端vsftp的安装
                                    定时任务的添加处理，视频的上下线同步异步消息处理，用户的权限管理,MySQL的性能优化以及保证数据的一致性
                                </li>
                            </ul>
                    </li>
                    </div>

                    <!-------------------------------------------------------------->

                    <li style="display: none;">
                        <h3>
                            <span>湖北亘垠数据服务有限公司</span>
                            <time>2019/11 - 2020/3</time>
                        </h3>
                        <ul class="info-content">
                            <li>
                                内容：参与一些项目接口编写,负责了健康打卡系统的页面美化,接触了前后端分离项目(SpringBoot + Vue),
                                学习了MyBatisPlus , Swagger ,以及Vue的简单使用
                            </li>
                            <li>
                                离职原因 : 疫情公司资金周转问题
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>

            <!-- 项目经验 -->
            <section class="project info-unit">
                <h2>
                    <i class="fa fa-flash" aria-hidden="true"></i>个人技能
                </h2>
                <hr />
                <ul>
                    <li>
                        <h3>
                            <span>具备扎实的Java基础,熟练掌握多线程、容器(如HashMap底层原理)等基础开发知识;</span>
                        </h3>
                    </li>
                    <li>
                        <h3>
                            <span>熟练使用Spring,SpringBoot,MyBatis等框架，熟悉Spring IOC、AOP等基础理念;熟悉Bean的生命周期、SpringMVC执行流程等基础知识,掌握SpringBoot的常用注解、自动装配等原理;</span>
                        </h3>
                    </li>
                    <li>
                        <h3>
                            <span>熟悉RBAC权限控制模型及多服务器节点下的Session-Cookie方案,掌握JWT实现身份验证的方式;</span>
                        </h3>
                    </li>
                    <li>
                        <h3>
                            <span>熟练掌握MySQL的基本知识,对锁、事务、索引有一定了解,掌握常规的优化手段;</span>
                        </h3>
                    </li>
                    <li>
                        <h3>
                            熟练掌握Redis的基本使用,掌握常见的缓存读写策略及数据淘汰策略,了解高并发下缓存穿透缓存雪崩解决方案;
                        </h3>
                    </li>
                    <li>
                        <h3>
                            对JVM虚拟机有过了解,熟悉JVM内存模型、JVM垃圾回收、JVM类加载过程等底层原理;
                        </h3>
                    </li>
                    <li>
                        <h3>
                            熟悉Git/Svn、Maven等项目管理及构建工具;
                        </h3>
                    </li>
                    <li>
                        <h3>
                            <span> 熟悉Linux系统,掌握Linux的常用基本命令;</span>
                        </h3>
                    </li>
                    <li>
                        <h3>
                            掌握前端框架Vue、JQuery,能够完成前端HTML、CSS、JS的编写;
                        </h3>
                    </li>

                    <li>
                        <h3>
                            有过C/Python等编程语言使用经验，使用Python编写过网络爬虫等程序，热爱逆向工程;
                        </h3>
                    </li>
                    <li style="display: none;">
                        <h3>
                            <span>车牌识别系统</span>
                            <span class="link">
                                <a href="https://github.com/52hz52/Project" target="_blank">个人博客</a>
                            </span>

                        </h3>
                        <ul class="info-content">
                            <li>运用了OpenCV图像处理技术,采用颜色法和soble算子提取车牌,训练采用支持向量机SVM ,特征描述采用Hog,使用多线程
                                提高识别速度对用户体验感好。</li>
                        </ul>
                    </li>


                    <li style="display: none;">
                        websocket客户端服务端之间的通讯功能
                    </li>
                    <li style="display: none;">
                        简单图床项目的开发,主要采用七牛云进行图片的存储,采用工厂模式进行设计,支持本地存储,七牛云存储,服务器存储,只需简单的配置即可
                    </li>

                </ul>
            </section>

            <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望
                </h2>
                <hr />
                <p>个人代码编写规范，能够严格值守公司的要求；酷爱编程、热爱开源，经常浏览Github、码云等开源平台，并常对一些开源项目的代码进行研究； 持续学习能力强、私下经常写博客总结自己学到的知识；
                    具备良好的沟通能力，善于执行并拥有团队合作精神，可承受高强度工作并接受加班；
                    具备良好的时间规划理念，能够按时完成上级下达的任务；
                </p>
            </section>
        </section>
    </article>

    <canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;">
    </canvas>
    <footer class="footer" style="display: none;">
        <p>© 2021 马权威.文档最后更新时间为
            <time>2021年07月30日</time>.
        </p>
    </footer>

    <!-- 侧栏 
    <aside>
        <ul>
            <li>
                <a href="https://meliauk.gitee.io/about/" target="_blank">源代码</a>
            </li>
            <!-- <li>
                <a href="http://if2er.com/" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>
 -->
    <script src="./assets/js/index.js"></script>
    <script>
        var snow = function () {
            var b = document.getElementById("christmasCanvas"), a = b.getContext("2d"), d = window.innerWidth,
                c = window.innerHeight;
            b.width = d;
            b.height = c;
            for (var e = [], b = 0; b < 70; b++) {
                e.push({ x: Math.random() * d, y: Math.random() * c, r: Math.random() * 4 + 1, d: Math.random() * 70 })
            }
            var h = 0;
            var color = ["rgba(222,47,124,0.6)", "rgba(215,209,87,0.6)", "rgba(194,148,69,0.6)", "rgba(75,213,148,0.6)",
                "rgb(69,199,15)", "rgb(44,150,220)", "rgba(226,102,231,0.6)", "rgba(113,25,201,0.6)"];
            let number = Math.ceil(Math.random() * color.length - 1);
            console.log("->", number)
            window.intervral4Christmas = setInterval(function () {
                a.clearRect(0, 0, d, c);
                a.shadowBlur = 5;
                a.shadowColor = "rgba(245,196,238,0.9)";
                a.fillStyle = color[number];
                a.beginPath();
                for (var b = 0; b < 70; b++) {

                    var f = e[b];
                    a.moveTo(f.x, f.y);
                    a.arc(f.x, f.y, f.r, 0, Math.PI * 2, !0)


                }
                a.fill();
                h += 0.01;
                for (b = 0; b < 70; b++) {
                    if (f = e[b], f.y += Math.cos(h + f.d) + 1 + f.r / 2, f.x += Math.sin(h) * 2, f.x > d + 5 || f.x < -5 || f.y > c) {
                        e[b] = b % 3 > 0 ? { x: Math.random() * d, y: -10, r: f.r, d: f.d } : Math.sin(h) > 0 ? {
                            x: -5,
                            y: Math.random() * c,
                            r: f.r,
                            d: f.d
                        } : { x: d + 5, y: Math.random() * c, r: f.r, d: f.d }
                    }
                }
            }, 70);
        }
        snow();
    </script>
</body>

</html>